.shopCart {
	width: 100%;
	height: 120rpx;
	position: fixed;
	bottom: 0;
	left: 0;
	z-index: 100;
}

.shopCart-content {
	position: absolute;
	width: 100%;
	height: 120rpx;
	background: #101010;
	padding: 0 30rpx;
	display: flex;
	align-items: center;
	bottom: 0;
	left: 0;
	z-index: 20;
}

.shopCart-content--left {
	width: calc(100% - 220rpx);
	display: flex;
	align-items: center;
	justify-content: space-between;
	.num-info {
		width: 120rpx;
		height: 132rpx;
		position: relative;
		
		&.show {
			animation: ejection .5s linear forwards;
		}
		
		@keyframes ejection {
			0% {
				transform: translateY(0);
			}
			50% {
				transform: translateY(20%);
			}
			60% {
				transform: translateY(-20%);
			}
			100% {
				transform: translateY(14rpx);
			}
		}
		
		.img {
			width: 120rpx;
			height: 132rpx;
			position: absolute;
			top: -24rpx;
			left: 0;
			z-index: 0;
		}

		.num {
			position: absolute;
			font-size: 28rpx;
			color: #fff;
			top: 50%;
			left: 50%;
			transform: translate(-50%, -50%);
			z-index: 2;
		}
	}

}

.money-info {
	flex: 1;
	height: 120rpx;
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding-left: 30rpx;
	
	.price-info {
		display: flex;
		align-items: flex-end;
		font-size: 32rpx;
	
		.text {
			color: @strong;
		}
	
		.price {
			display: inline-block;
			color: #fff;
			position: relative;
			padding-left: 20rpx;
			margin-left: 12rpx;
	
			&::before {
				content: '￥';
				font-size: 20rpx;
				position: absolute;
				bottom: 2rpx;
				left: 0;
			}
		}
	}
	
	.economy{
		font-size: 20rpx;
		color: rgba(255,255,255,.8);
		margin-top: 4rpx;
		.p{
			color: @primary;
			margin: 0 4rpx;
		}
	}
}

.shopCart-content--right {
	width: 220rpx;
	height: 88rpx;
	color: #000;
	display: flex;
	flex-direction: column;
	
	.up-txt {
		font-size: 32rpx;
		font-weight: 600;
	}
	
	.under-txt {
		font-size: 22rpx;
	}
}



.ban-btn{
	background: #ddd;
}

.mask-screen {
	position: fixed;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .7);
	top: 0;
	left: 0;
	z-index: 5;
}

.cart-list-wrap {
	width: 100%;
	position: absolute;
	bottom: 120rpx;
	left: 0;
	left: 0;
	background: #fff;
	z-index: 10;
	
	&.show {
		animation: pushUp .5s linear forwards;
	}
	
	@keyframes pushUp {
		0% {
			transform: translateY(0);
		}
		50% {
			transform: translateY(20px);
		}
		60% {
			transform: translateY(-60px);
		}
		100% {
			transform: translateY(0);
		}
	}
}

.cart-list-header {
	width: 100%;
	height: 72rpx;
	background: #fafafa;
	padding: 0 20rpx;
	display: flex;
	align-items: center;
	justify-content: space-between;
	font-size: 28rpx;
}

.cart-list-header--txt {
	font-weight: 600;
}

.cart-list-header--del {
	line-height: 72rpx;
	color: #333;

	text {
		margin-right: 6rpx;
	}
}

.cart-list-scroll {
	width: 100%;
	max-height: 450rpx;
}